<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>MQ 3.3. Задача 3 — Туристическое агентство</title>
  	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
    <link rel="stylesheet" href="./css/page-common.css">
	<link rel="stylesheet" href="./css/page.css">
	<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
</head>
<body>
	<div class="container">
		<article class="card">
			<div class="card__preview">
				<img src="./img/moscow.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Moscow</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/barselona.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Barselona</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/las-vegas.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Las-Vegas</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/liverpool.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Liverpool</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/london.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">London</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/madrid.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Madrid</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/manchester.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Manchester</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/new-york.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">New-York</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/vancouver.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Vancouver</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/los-angeles.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Los-Angeles</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/dortmund.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Dortmund</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/milan.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Milan</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/monaco.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Monaco</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/prague.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Prague</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/vienna.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Vienna</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/berlin.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Berlin</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/amsterdam.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Amsterdam</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/turin.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Turin</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/kazan.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Kazan</h3>
			</div>
		</article>
		<article class="card">
			<div class="card__preview">
				<img src="./img/rotterdam.jpg" class="card__img" alt="">
			</div>
			<div class="card__body">
				<h3 class="card__name">Rotterdam</h3>
			</div>
		</article>	
	</div>
</body>
</html>
